<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        p{
            /* 文本转换      转为大写 */
            text-transform: uppercase;
            /* 转为小写 */
            text-transform: lowercase;
        }
    </style>
</head>
<body>

    <p>hello</p>

    <input type="text">

    <script>

        // includes() 
        // indexOf()
        // concat()
        // slice()

        // substring(i , j)   slice  截取数组   从i开始，到j结束
        // substr(i , howmany)  第二个参数表示数量   从i开始，截取howmany个数

        // toUpperCase()   转为大写
        // toLowerCase()   转为小写


        // trim()  去掉首尾的空格

        // replace()  替换
  
        // split()  把字符串切割成数组

        var str = 'hello' ;
        console.log(str.includes('lo'));
        console.log(str.indexOf('lo'));   // 3    lo这个整体的下标
        console.log(str.concat(' world'));
        console.log(str.slice(1,3));
        console.log(str.substring(1,3));
        console.log(str.substr(2,3));


        var code = 'heL12' ;

        var oInp = 'Hel12' ;

        // console.log(code === oInp);

        // console.log(code.toLowerCase() === oInp.toLowerCase());

        console.log(code.toUpperCase() === oInp.toUpperCase());


        var str = '   hello world  ' ;
        console.log(str);
        console.log(str.trim());


        var str = '卧槽,js真tmd难' ;

        // 替换敏感词   tmd   **
        console.log(str.replace('tmd' , '**'));


        var str = 'hello' ;
        // 当把某个值替换成空的时候 --- 就是删除的意思
        str = str.replace('o' , '') ;
        console.log(str);

        var str = 'hello' ;
        var arr = str.split('') ;
        console.log(arr);

        var word = 'day day up' ;
        var arr = word.split(' ') ;
        console.log(arr);

    </script>
    
</body>
</html>